import React, { Component, createRef } from 'react'

export default class App extends Component {
  // 1. 通过 React.createRef 创建一个对象
  inputRef = createRef()
  // 3. 通过 对象.current 就可以拿到 input 这个 DOM 了
  handleChange = () => {
    console.log(this.inputRef.current.value)
    // console.log(document.querySelector('input').value)
  }
  render() {
    return (
      <div>
        {/* 2. 把创建的对象和 ref 属性进行绑定 */}
        <input ref={this.inputRef} type='text' onChange={this.handleChange} />
      </div>
    )
  }
}
